iT邦幫忙

2022 iThome 鐵人賽

DAY 30
0

/images/emoticon/emoticon42.gif噹!噹!噹!終於來到比賽的最後一天啦,今天我想把比賽開始到現在的所有文章整理成一個目錄合輯,順便寫寫關於這30天比賽的心路歷程,那就開始囉~/images/emoticon/emoticon37.gif

目錄

使用工具

Day01 | 正式開賽啦~

CSS系列

Day02 | CSS之條紋
Day03 | CSS之淺談animation
Day04 | CSS之border-radius
Day05 | CSS之transform:rotate
Day06 | CSS之transition
Day07 | CSS之font-family
Day08 | CCS之z-index&opacity
Day09 | CSS之border&writing-mode
Day11 | CSS之水平與垂直置中
Day12 | CSS之transform-origin
Day13 | CSS之margin&padding
Day14 | CSS之flex的排列方向與換行
Day15 | CSS之flex的對齊方式(一)
Day16 | CSS之flex的對齊方式(二)與順序
Day17 | CSS之flex的伸縮權重
Day18 | CSS之圖片效果
Day25 | CSS之grid格線佈局(一)
Day26 | CSS之grid格線佈局(二)
Day27 | CSS之grid格線佈局(三
Day28 | CSS之grid格線佈局(四)
Day29 | RWD響應式網頁設計

推薦系列

Day10 | 外掛工具VS Color Picker
Day19 | 超好用icon之Font Awesome

特殊動畫系列

Day20 | JavaScript之圖片走馬燈
Day21 | JavaScript之左右點擊換圖效果
Day22 | CSS之翻卡片效果(一)
Day23 | CSS之翻卡片效果(二)
Day24 | AOS之滾輪動畫

完賽心得與目錄

Day30 | 終於完賽啦~

心得

回想當初第一次聽到鐵人賽的時候,還以為是運動的鐵人競賽,後來才得知是資訊界的it鐵人賽,其實在報名得當下都還沒確定題目的方向以及如何才能寫出一系列的文章,就這樣糊里糊塗的開始第一天的比賽,之後的每一天都像是熱鍋上的螞蟻趕文章並且趕在時間之內發表出來/images/emoticon/emoticon13.gif,甚至有幾次都是先發表後才把內文補上,也算是體驗到在時間壓力下被編輯催稿的感覺。本來當初是要製作關於我家寵物的網站,結果做到後面就不小心的離題了/images/emoticon/emoticon16.gif,不過我還是會把我有寫出來的部分展示一下,至於github的部分就先不公開,等我有機會完整的寫好,再來公開。
最後我想先感謝自己的堅持才能順利完賽,並由衷佩服每一位完賽的選手們,再來感謝看到這裡的你,謝謝大家!/images/emoticon/emoticon41.gif我們有緣再相見~/images/emoticon/emoticon29.gif

成果展示

Yes


上一篇
Day29 | RWD響應式網頁設計
系列文
30天的網頁學習30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言